<template>
  <div>
      <!-- 路由出口: 路由规则匹配到的组件的渲染位置 -->
      <router-view/>
  </div>
</template>

<script>
export default {
  mounted(){
    // 通过vue根实例监听自定义事件fullscreentoggle
    this.$root.$on('fullscreentoggle',()=>{
      // 切换全屏显示
      this.$refs.fullscreen.toggle();
    });
  }
}
</script>

<style>
/* 清除浏览器默认的样式 */
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
a{
  text-decoration: none;
}
li{
  list-style: none;
}
</style>